<html>
<head>
<title>khutro.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/userpage.css" rel="stylesheet" type="text/css">
<link href="css/search.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
em {
	color: #999;
}
#contentmain .container2 .logincontent .logincontentmain h3 {
	color: #040406;
}
-->
</style>

	<link href="css/custom-theme/jquery-ui-1.9.0.custom.css" rel="stylesheet">
	<script src="js/jquery-1.8.2.js"></script>
	<script src="js/jquery-ui-1.9.0.custom.js"></script>
	<script>
    $(function() {
		
		$( "#accordion" ).accordion();
		

		
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#autocomplete" ).autocomplete({
			source: availableTags
		});
		

		
		$( "#button" ).button();
		$( "#radioset" ).buttonset();
		

		
		$( "#tabs" ).tabs();
		

		
		$( "#dialog" ).dialog({
			autoOpen: false,
			width: 400,
			buttons: [
				{
					text: "Ok",
					click: function() {
						$( this ).dialog( "close" );
					}
				},
				{
					text: "Cancel",
					click: function() {
						$( this ).dialog( "close" );
					}
				}
			]
		});

		// Link to open the dialog
		$( "#dialog-link" ).click(function( event ) {
			$( "#dialog" ).dialog( "open" );
			event.preventDefault();
		});
		

		
		$( "#datepicker" ).datepicker({
			inline: true
		});
		

		
		$( "#slider" ).slider({
			range: true,
			values: [ 17, 67 ]
		});
		

		
		$( "#progressbar" ).progressbar({
			value: 20
		});
		

		// Hover states on the static widgets
		$( "#dialog-link, #icons li" ).hover(
			function() {
				$( this ).addClass( "ui-state-hover" );
			},
			function() {
				$( this ).removeClass( "ui-state-hover" );
			}
		);
	});
	</script>
	<style>

	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	</style>

<link href="css/info.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (khutroslide.psd) -->
			<div id="header">
                    <div id="headerContent">
                        <a href="http://www.khutro.net" id="logo">khutro</a>
                        <ul id="menuBar">
                            <li class="selected"><a href="http://www.khutro.net">Trang Chủ</a></li>
                            <li><a href="http://www.khutro.net/vote">Trợ Giúp</a></li>
                            <li><a href="http://www.khutro.net/old">Trang Cá Nhân</a></li>
                            <li><a class="upload" href="http://www.khutro.net/upload">Đăng Tin</a></li>
                        </ul>
                        <div id="loginPanel">
                <a class="loginButton" href="http://www.khutro.net/account/login">Đăng nhập</a>        
                        </div>
                    </div>
            </div>
            <img src="images/spacer.gif" width="1" height="56" alt="">
            <div id="header2">
		      	<div id="headerContent3">
        	 </div>
	        </div>   
        <div id="barsearch">
        	<div id="barsearchcontent">
            
          </div>
        </div>    
        <div id="contentmain">
            <div class="containeruserpage1">
                     <div id="tabs">
                        <ul>
                            <li><a href="#tabs-1">Cho thuê</a></li>
                            <li><a href="#tabs-2">Chia sẻ</a></li>
                        </ul>
                       <div id="tabs-1">	
                   	       <div class="postcontent">
                           (Bạn là chủ sở hữu và muốn cho thuê.)<br><br>
                                <div class="contentpost">
                                    <div class="topcontent">
                                        <div class="leftinput">
                                            <div class="leftinputtf">
                                                <input type="text" name="tieude" id="tieude" class="tbpost" value="Tiêu đề" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Tiêu đề';this._haschanged=false;}">
                                                </div>
                                                <div class="leftinputtf">
                                                    <select name="city" id="city" class="tbdownlist">
                                                      <option selected value="hanoi">Hà Nội</option>
                                                      <option value="hcm">Tp.Hồ Chí Minh</option>
                                                    </select>
                                                    <select name="district" id="district" class="tbdownlist">
                                                      <option selected value="hanoi">Cầu Giấy</option>
                                                      <option value="hcm">Xuân Thuỷ</option>
                                                    </select>
                                                </div>
                                                <div class="leftinputtf">
                                                    <input type="text" name="address" id="address" class="tbpost" value="Địa chỉ cụ thể" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Địa chỉ cụ thể';this._haschanged=false;}">
                                                </div>
                                                <div class="leftinputtf">
                                                    <input type="text" name="area" id="area" class="tbpost" value="Diện tích(m2)" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Diện tích(m2)';this._haschanged=false;}">
                                                </div>
                                                <div class="leftinputtf">
                                                    <input type="text" name="price" id="price" class="tbpost" value="Giá(vnd)" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Giá(vnd)';this._haschanged=false;}">
                                                </div>
                                                <div class="leftinputtf">
                                                    <input type="text" name="contact" id="contact" class="tbpost" value="Liên hệ" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Liên hệ';this._haschanged=false;}">
                                                </div>
                                                <div class="leftinputtf">
                                                    <input type="text" name="phone" id="phone" class="tbpost" value="Số điện thoại" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Số điện thoại';this._haschanged=false;}">									
                                                </div>
                                                
                                                <div class="leftinputtf">
                                                    <div class="uploadimg">
                                                <div class="uploadaddress">
                                                  <input type="text" name="browse" id="browse" class="tbpost" align="left" value="Click để đăng ảnh" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Click để đăng ảnh';this._haschanged=false;}">
                                                    </div>
                                                    <div class="uploadbt">
                                                      <img src="images/box_upload.png" width="28px" height="28px" align="right" class="btupload" onClick="#" title="Đăng ảnh">
                                                    </div>
                                                  </div>							
                                                </div>    
                                            </div>
                                            <div class="rightinput">
                                                <div class="headermap" align="center">Chọn vị trí trên bản đồ
                                                </div>
                                                <div class="mapcontent">
                                                </div>
                                            </div>
                                    </div>
                                    <div class="description">
                                        <textarea name="styled-textarea" id="styled" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Mô tả chi tiết...';this._haschanged=false;}">Mô tả chi tiết...</textarea>
                                   </div>
                                   <div class="summit">
                                        <div style="margin-left:38%;margin-right:38%;">
                                              <a href="#" class="buttoncus">Huỷ</a>
                                              <a href="#" class="buttoncus">Đăng tin</a>
                                          </div>                                        
                                  </div>
                                </div>
                          </div>
                        </div>
                        <div id="tabs-2">
                        	<div class="postcontent">
                            (Bạn muốn chia sẻ khu mình đang sống cho bạn bè.)<br><br>
                                <div class="contentpost">
                                    <div class="topcontent">
                                        <div class="leftinput">
                                            <div class="leftinputtf">
                                                <input type="text" name="tieude" id="tieude" class="tbpost" value="Tiêu đề" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Tiêu đề';this._haschanged=false;}">
                                                </div>
                                                <div class="leftinputtf">
                                                    <select name="city" id="city" class="tbdownlist">
                                                      <option selected value="hanoi">Hà Nội</option>
                                                      <option value="hcm">Tp.Hồ Chí Minh</option>
                                                    </select>
                                                    <select name="district" id="district" class="tbdownlist">
                                                      <option selected value="hanoi">Cầu Giấy</option>
                                                      <option value="hcm">Xuân Thuỷ</option>
                                                    </select>
                                                </div>
                                                <div class="leftinputtf">
                                                    <input type="text" name="address" id="address" class="tbpost" value="Địa chỉ cụ thể" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Địa chỉ cụ thể';this._haschanged=false;}">
                                                </div>
                                                <div class="leftinputtf">
                                                    <input type="text" name="phone" id="phone" class="tbpost" value="Số điện thoại" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Số điện thoại';this._haschanged=false;}">									
                                                </div>
                                                
                                                <div class="leftinputtf">
                                                    <div class="uploadimg">
                                                <div class="uploadaddress">
                                                  <input type="text" name="browse" id="browse" class="tbpost" align="left" value="Click để đăng ảnh" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Click để đăng ảnh';this._haschanged=false;}">
                                                    </div>
                                                    <div class="uploadbt">
                                                    <a href="#">
                                                      <img src="images/box_upload.png" width="28px" height="28px" align="right" class="btupload" onClick="#" name="Đăng ảnh" title="Đăng ảnh"></a>	
                                                    </div>
                                                  </div>							
                                                </div>    
                                            </div>
                                            <div class="rightinput">
                                                <div class="headermap" align="center">Chọn vị trí trên bản đồ
                                                </div>
                                                <div class="mapcontent">
                                                </div>
                                            </div>
                                    </div>
                                    <div class="description">
                                        <textarea name="styled-textarea" id="styled" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');" onBlur="if (this.value == '') {this.value = 'Mô tả chi tiết...';this._haschanged=false;}">Mô tả chi tiết...</textarea>
                                   </div>
                                   <div class="summit">
                                         <div style="margin-left:38%;margin-right:38%;">
                                              <a href="#" class="buttoncus">Huỷ</a>
                                              <a href="#" class="buttoncus">Đăng tin</a>
                                          </div>    
                                        
                                  </div>
                                </div>
                          </div>
                    </div>
                </div>
          </div>
       </div>   
       <div id="footertop">
          <div id="footertop1">
          </div>
        </div>
        <div id="footermain">
            <div id="footermain1">
                	<table border="0" height="101px" cellpadding="0" cellspacing="0">
                    	<tr>
                        	<td width="320" background="images/footer_01.jpg"></td>
                            <td width="320" align="center" nowrap bgcolor="#D6D6D6"><em>Designed by FU team | Powered by Struts<br>
                    khutro.net</em></td>
                            <td width="320" background="images/footer_03.png">
                            </td>
                            
                        </tr>
                       
                    </table>
        	</div>
      	</div>

<!-- End Save for Web Slices -->
</body>
</html>